<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css反馈信息表单</title>
</head>
<body>
<h2>反馈表单</h2>
<div class="container">
    <form action="/action_page.php">
        <label for="cname">联系人</label>
        <input type="text" id="cname" name="cname" placeholder="请输入姓名..">

        <label for="email">邮箱</label>
        <input type="text" id="email" name="email" placeholder="请输入邮箱..">

        <label for="country">城市</label>
        <select id="country" name="country">
            <option value="australia">北京</option>
            <option value="canada">上海</option>
            <option value="usa">厦门</option>
        </select>

        <label for="subject">反馈信息</label>
        <textarea id="subject" name="subject" placeholder="反馈内容.." style="height:200px"></textarea>

        <input type="submit" value="提交">
    </form>
    <style>
       h2{
           text-align: center;
       }
        .container{
            width: 80%;
            background-color: grey;
            margin: auto;
            position: relative;
        }
        input[type=text],textarea,select{
            width: 100%;
            padding: 16px 0;
        }
        label{
            display: block;
            padding: 8px 0;
        }
        input[type=submit]{
            background-color: green;
            color: white;
            padding: 8px 16px;
        }
        form{
            width: 90%;
            height: 80%;
            margin: auto;
        }


    </style>
</div>
</body>
</html>
